.root {
	:global {
		width: 100%;

		.box {
			width: 100%;
			.desc {
				color: #000;
			}
			.createTime {
				margin-top: 5px;
			}
		}

		.ant-drawer-body {
			overflow: hidden;
			height: 100%;
			transform: translateX(0);
			.comment {
				display: flex;
				position: fixed;
				padding: 16px;
				box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.08),
					-2px -2px 6px rgba(0, 0, 0, 0.08);
				// bottom: 0;
				top: 0;
				left: 0;
				width: 100%;
				background-color: #fff;
				z-index: 2;
				.input {
					flex: 1;
					position: relative;
					margin-left: 15px;
					.ant-input-affix-wrapper {
						background: rgba(248, 249, 251, 0.8);
						border: none;
					}
					.issue {
						position: absolute;
						bottom: 5px;
						right: 5px;
						display: flex;
						align-items: center;
						justify-content: end;
						width: 100%;
						height: 40px;
						z-index: 2;
					}
					.ant-input-suffix {
						.ant-input-data-count {
							bottom: 12px;
							// right: 2px;
							left: 10px;
						}
					}
				}
			}
			.commentlist {
				height: calc(100% - 175px);
				overflow-y: auto;
				padding: 24px;
				margin-top: 185px;
			}
		}
	}
}
